<!DOCTYPE html>
<!-- 通过 xmlns:th=”http://www.thymeleaf.org“ 命令空间，将静态页面转换为动态的视图，
需要进行动态处理的元素,将使用“th:”前缀。 -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>Insert title here</title>
		<link rel="stylesheet" href="webjars/bootstrap/3.4.1/css/bootstrap.css">
		<script src="webjars/jquery/3.6.0/jquery.js"></script>
		<script src="webjars/bootstrap/3.4.1/js/bootstrap.js"></script>

		<script src="js/register.js"></script>
	</head>
	<body>
		
		<div style="width:50%;">

					<form class="form-horizontal">
					  <div class="form-group">
					    <label for="inputText3" class="col-sm-2 control-label">用户名：</label>
					    <div class="col-sm-10">
					      <input type="text" class="form-control" name="username" id="inputText3" placeholder="请输入用户名">
							<span class="usernameMsg" style="color: red;"></span>
						</div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label">密码:</label>
					    <div class="col-sm-10">
					      <input type="password" class="form-control" name="pwd" id="inputPassword3" placeholder="请输入密码">
						  <span class="pwdMsg" style="color: red;"></span>
						</div>
					  </div>
					  
					  <div class="form-group">
					    <label for="inputPassword4" class="col-sm-2 control-label">确认密码:</label>
					    <div class="col-sm-10">
					      <input type="password" class="form-control"  id="inputPassword4" placeholder="请确认密码">
						  <span class="pwdsureMsg" style="color: red;"></span>
						</div>
					  </div>
					  
					  
					  <div class="form-group">
					      <label for="inputEmail3" class="col-sm-2 control-label">电子邮箱</label>
					      <div class="col-sm-10">
					        <input type="email" class="form-control" name="email" id="inputEmail3" placeholder="请输入邮箱">
							<span class="emailMsg" style="color: red;"></span>
						  </div>
					    </div>
					  
					  <div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      <div class="checkbox">
					        <label>
					          <input type="checkbox"  class="register-checkbox"> 我已阅读并接受 <a href="#">版本声明</a> 和 <a href="">隐私保护</a> 条款
					        </label>
					      </div>
					    </div>
					  </div>
					  <div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      <button type="button" class="btn btn-success btn-lg btn-register">注册</button>
					    </div>
					  </div>
					</form>
				</div>
				
				
				
				<!-- 模态框 -->
				<div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				  <div class="modal-dialog" role="document">
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				        <h4 class="modal-title" id="myModalLabel">提示</h4>
				      </div>
				      <div class="modal-body">
				            
				      </div>
				      <div class="modal-footer">
				        <button type="button" class="btn btn-default register-btn" data-dismiss="modal">关闭</button>
				      </div>
				    </div>
				  </div>
				</div>
		
	</body>
</html>

